<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<script type="text/javascript" src="../js/jquery-1.4.4.min.js"></script>
<head>
<meta charset="utf-8">
<title>来三星抢Galaxy S6，把S6带回家</title>
<meta name="viewport"
	content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" />
<meta name="format-detection" content="telephone=no,address=no,email=no" />
<meta name="mobileOptimized" content="width" />
<meta name="handheldFriendly" content="true" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<link rel="stylesheet" href="../style/base.css" />
<link rel="stylesheet" href="../style/common.css" />
<link rel="stylesheet" href="../style/game.css" />
<link rel="stylesheet" href="../style/s.css" />
<link rel="stylesheet" href="../style/detail.css" />
<script>
	
</script>
</head>
<body>

	<!-- s=header -->
	<header></header>
	<!-- e=header -->

	<!-- s=body -->
	<div class="progressWrap">
		<img src="../case/time.png" width="39" alt="">
		<div class="progress">
			<span class="progressStatus s1"></span> <span
				class="progressStatus s2"></span> <span class="progressStatus s3"></span>
			<span class="progressNow"></span>
		</div>
	</div>
	<p class="phoneQuantity fn-clear">
		<img src="../case/s6.png" width="111" alt=""><span class="num"
			id="gameTime">0</span>
	</p>

	<!-- s=产品 -->

	<!-- e=产品 -->

	<!-- s=主体内容  -->
	<div id="main-box">
		<div class="hand fn-hide"></div>
	</div>
	<!-- e=主体内容 -->

	<footer class="footer">
	<div class="cloud"></div>
	<div class="hand"></div>
	</footer>

	<!-- e=body -->

	 <audio loop="true" src="../music/1.mp3" id="media"  preload="" class="music" ></audio>

	<!-- s=overlayer -->
	<div class="overlayer fn-hide">
		<!-- s=5爆炸 -->
		<div class="overlayerCnt qr gameResult fn-hide boom">
			<img src="../case/icon_false.png" width="116" alt="" class="title">
			<p class="gameResultTips">哎呦~不小心摸到炸弹，只能重新来过啦，30秒后又是一条好汉！~</p>
			<a href="${contextPath}/province/toselectAll/?result=1&provinces=${province_id}&province_name=${province_name}&stores=${store_id}&store_name=${store_name}&city=${city_id}&city_name=${city_name}" class="overlayer_close"></a>
		</div>
		<!-- e=5爆炸 -->

		<!-- s=成功 -->
		<div class="overlayerCnt qr gameResult fn-hide success" id = "info">
			<img src="../case/titleCongratution.png" width="190" alt=""
				class="titleSuccess"> <img src="../case/gameResult_phone.png"
				width="52" alt="">
			<p class="gameResultTips">
				抢到 <span id="score" class="num">0</span> 个GALAXY S6!
			</p>
			<p class="tips">
				填写姓名资料,<br> 冲击排行榜前二十名,可以获得更多礼品!<br>每周还有一个GALAXY S6随机送出哦!
			</p>
			<a href="#" class="btn_fillIn" id="fill"></a> <a href="#"
				class="overlayer_close"></a>
			<div class="fragment"></div>
		</div>
		<!-- e=成功 -->

		<!-- 填写用户资料 -->
		<div class="overlayerCnt qr gameResult login fn-hide" id = "user_info">
			<form action="${contextPath}/user/save" class="loginForm"
				method="post" id="subform">
				<p>
					<img src="../case/titleLogin.png" width="106" alt="">
				</p>
				<input type="hidden" name="city_id" value="${city}" /> <input
					type="hidden" name="store_id" value="${stores}" /> <input
					type="hidden" name="gamenum" id="gamenum" value="" />
					<input
					type="hidden" name="provinces" id="provinces" value="${param.provinces}" />
				<p>
					<label>姓&nbsp&nbsp&nbsp&nbsp&nbsp名 ：&nbsp<input type="text"
						class="ipt" id="userName" name="name"></label>
				</p>
				<p>
					<label>联系方式：<input type="text" class="ipt" name="phone"></label>
				</p>
				<p>
					<input type="submit" class="btn_sub" value="" id="sub">
				</p>
			</form> 

		</div>
		<!-- e=登陆信息 -->

		<!-- s=进入游戏前的倒计时  -->
		<div class="countdown fn-hide">
			<p class="reciprocal vh text">5</p>
		</div>
		<!-- e=进入游戏前的倒计时  -->


		
		<!-- s=游戏说明 -->
	<div class="gameDes overlayerCnt fn-hide" id="game_remark">
		<dl>
			<dt>游戏说明：</dt>
			<dd>
				30秒游戏内，控制屏幕的小手方向疯狂抢GALAXY S6，留下你的联系方式，也许GALAXY S6就属于你！要小心炸弹哦~！	
			</dd>
		</dl>
		<dl>
			<dt>活动周期：</dt>
			<dd>4月1日-4月8日</dd>
			<dd>4月9日-4月16日</dd>
			<dd>4月17日-4月24日</dd>
			<dd>4月25日-5月3日</dd>
		</dl>
		<dl class="prizeWrap">
			<dt>奖品说明：</dt>
			<dd>
				<ul class="prize">
					<li><img src="../case/pic_phone.png" alt="">
						<p>GALAXY S6</p> <span class="quantity">（共4部）</span></li>
					<li><img src="../case/pic_mobiePower.png" alt="">
						<p>三星移动电源</p> <span class="quantity">（共40部）</span></li>
					<li><img src="../case/pic_headPhone.png" alt="">
						<p>三星耳机</p> <span class="quantity">（共40台）</span></li>
				</ul>
				<p>每周随机抽取1名星粉获得GALAXY S6手机1部，共4周；</p>
				<p>4月8日，4月16日，4月24日，5月3日的24:00游戏截止时，排名第第一名至第十名的星粉可以获得三星移动电源各1台，第十一名至第二十名可以获得三星耳机各1个，共4周。</p>
				<p>活动现场还有更多小礼品可以赢取哦~</p>
				<p class="emphasize">*获奖名单请留意华南三星微信公众号。</p>
				<p class="emphasize">只能在指定门店参与活动</p>
			</dd>
		</dl>
		<dl class="tips">
			<dt>温馨提示：</dt>
			<dd>1.中奖者将有专人电话联系通知；</dd>
			<dd>2.由于配送范围限制，奖品仅限广东、广西、福建、海南省内地址登记领奖；</dd>
			<dd>2.由于配送范围限制，奖品仅限广东、广西、福建、海南省内地址登记领奖；</dd>
		</dl>
		<a href="#" class='overlayer_close'></a>
	</div>
	<!-- e=游戏说明 -->

	</div>
	<!-- e=overlayer -->
	
	<script src="../script/jquery-1.11.2.min.js"></script>
    <script src="../script/load.js"></script>
    <script src="../script/s.js"></script>
    <script src="../script/game3.js"></script>
    <script type="text/javascript">
    $(function(){
    	$("#userName").on("input",function(){
    		var s = $("#score").text();
    		$("#gamenum").val(s);
    	});
    	
        
        // $("#icon_gameDes").click(function(){
        // 	alert("1234");
        // 	$("#game_remark").css("display","block")
        // });
        
        $("#fill").click(function(){
        	$("#info").hide();
        	$("#user_info").show();
        });

        // 手机验证
        var $phoneForm = $("#subform");
		$phoneForm.find(":submit").on("click", function(){
			if(!/^\d{11}$/.test($("[name='phone']").val())){
				alert("请输入正确的手机号");
				return false;
			}
		});
		
    })
</script>

</body>
</html>